

// bootstrap轻提示
const toastBox = document.querySelector('#myToast')
const toast = new bootstrap.Toast(toastBox, {
  animation: true, // 开启过渡动画
  autohide: true, // 开启自动隐藏
  delay: 1000 // 3000ms后自动隐藏
})
const tip = (msg) => {
  toastBox.querySelector('.toast-body').innerHTML = msg
  toast.show()
}


// === 测试代码 ===
// tip('请输入用户名')

$("#btn-login").on('click', async function () {

  let data = $("#login-form").serialize()
  let nameVal = $("[name=username]").val().trim()
  let passVal = $("[name=password]").val().trim()

  if (nameVal.length === 0) { return tip('用户名不能为空') }
  if (passVal.length === 0) { return tip('密码不能为空') }
  if (nameVal.length <= 1 || nameVal.length >= 15) { return tip('用户名长度2~15位') }
  if (passVal.length <= 5 || passVal.length >= 15) { return tip('密码长度6~15位') }

  // axios.post('/login', data).then((res) => {
  //   console.log(res.data.message)
  // if (res.status === 200) {
  //   // setTimeout(() => {
  //   //   location.href = './index.html' // 注册成功跳转登录
  //   // }, 500)
  //   // return tip(res.message)
  // }
  // })

  try {
    await axios.post('/login', data).then((res) => {
      console.log(res.data.data.username);
      localStorage.setItem('token', res.data.data.token)
      localStorage.setItem('username', res.data.data.username)


    })
    tip('登录成功')
    location.href = './index.html'
  }
  catch (e) {
    tip('用户名或者密码错误')
  }

})